<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>华北空管局培训中心教学管理系统</title>
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./static/css/font.css">
		<link rel="stylesheet" href="./static/css/weadmin.css">
		<link rel="stylesheet" href="static/css/index.css" />
		<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./static/css/font.css">
		<link rel="stylesheet" href="static/css/weadmin.css">
		<link rel="stylesheet" href="static/css/personInfo.css" />
		<link rel="stylesheet" type="text/css" href="lib/layui/css/layui.css" />
		<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>

		<style type="text/css">
			body {
				width: 100%;
			}
			
			.left-nav {
				width: 100%;
			}
			/*.nav{
				border-bottom: 1px solid black;
			}*/
			
			.left-nav ul {
				/*width: 100%;*/
				width: 90%;
				display: flex;
				justify-content: space-between;
				margin-left: 5%;
				position: absolute;
				z-index: 999;
			}
			
			.left-nav ul li{
				text-align: center;
				width: 33.3333333333%;
				height: 30px;
				line-height: 30px;
			}
		/*	.left-nav ul li:hover{
				border-bottom: 1px solid red;
			}*/
			/*.left-nav ul li{   	
    			width: 18%;		
    			float: left;
    			text-align: center;
    			margin-left: 20px;
    			font-size: 24px;
    			height: 50px;
    			line-height: 35px;   			
    		}		*/
			
			body {
				margin: 0;
				padding: 0;
			}
			
			.personInfo .regist-container .form-wrapper {
				width: 100%;
			}
			
			.layui-form {
				width: 90%;
				/*padding-left: 20px;*/
				margin: 0 auto;
			}
			
			.layui-input {
				/*	width: 100%;*/
			}
			
			.layui-select-title {
				margin: 0;
			}
			
			.layui-input .layui-unselect {
				margin: 0;
			}
			
			.layui-input .layui-unselect .valid {
				margin-left: 0px;
			}
			
			.layui-edge {
				display: none;
			}
			
			.box {}
			
			.page-content .layui-tab-content {
				overflow: scroll;
			}
			
			.layui-form-label {
				font-size: 14px;
			}
			
			.layui-form-pane .layui-input {
				font-size: 14px;
			}
			
			.layui-form-select .layui-input {
				width: 64%;
			}
			
			.layui-tab-content::-webkit-scrollbar {
				display: none;
			}
			.hover {
				color: white;
				/*border-bottom:1px solid #0066CC ;*/
			}
		/*	a{
				padding-bottom: 8px;
			}*/
		/*	a:hover{
				color: #0066CC
			}*/
			
			.backColor{
				background-color:#009900 ;
				border: 1px solid #009900;
				border-bottom: none;
			}
			
			.otherBackColor{
				/*background-color: #000000;
				opacity: 0.2;*/
				background-color: rgba(0,0,0,0.2);
				border-bottom: 1px solid #009900;
			}
			.fontColor{
				color: black;
			}
			a{
				color: black;
			}
			.page-content{
				top: 7px;
			}
		</style>
	</head>
	<script src="static/js/jquery.1.11.1.js"></script>
	<script src="static/js/touch-0.2.14.js"></script>
	<script>
		function run() {
			document.getElementById("sp").click();
		}
	</script>

	<body>


		<div class="page-content">

			
			<div class="layui-tab tab" lay-filter="wenav_tab" id="WeTabTip" lay-allowclose="true" style="width: 0; height: 0; ">
				<ul class="layui-tab-title" id="tabName" style="display: none;">
					<li>

					</li>
				</ul>
				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show" style="height: 572px;">
						<!--	<div class="personInfo">
							<div class="regist-container" style="">
								<div class="form-wrapper">

									<form class="layui-form layui-form-pane personInfo-cen-fom" action="" name="infoForm" style="border:none" id="studentInfo-wrapper">
										<div class="layui-form-item">
											<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>账号</label>
											<div class="layui-input-block">
												<input type="text" disabled="disabled" name="account" value='' placeholder="请输入用户名" autocomplete="off" class="layui-input personInfo-inp account">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>姓名</label>
											<div class="layui-input-block">
												<input type="text" disabled="disabled" name="name" value='' placeholder="请输入姓名" autocomplete="off" class="layui-input personInfo-inp name">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>性别</label>
											<div class="layui-input-block personInfo-cen-blo gender-wrapper">
												<input type="radio" disabled="disabled" name="gender" value="0" title="男" class="gender">
												<input type="radio" disabled="disabled" name="gender" value="1" title="女" checked class="gender">
											</div>
										</div>

										<div class="layui-form-item">
											<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>手机号码</label>
											<div class="layui-input-block">
												<input type="text" oninput="value=value.replace(/[^\d]/g,'')" name="liaison" value='' placeholder="请输入手机号码" autocomplete="off" class="layui-input personInfo-inp liaison">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>身份证号</label>
											<div class="layui-input-block">
												<input type="text" name="idCard" oninput="value=value.replace(/[^\d]/g,'')" disabled="disabled" value='' placeholder="请输入身份证号" autocomplete="off" class="layui-input personInfo-inp idCard">
											</div>
										</div>

										<div class="layui-form-item">
											<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>出生年月</label>
											<div class="layui-input-block">
												<input type="text" disabled="disabled" name="birthday" placeholder="请输入生日" autocomplete="off" class="layui-input personInfo-inp birthday">
											</div>
										</div>
										<!--血型-->
						<!--<div class="layui-form-item">
							<label class="layui-form-label">血型</label>
							<div class="layui-input-block ">
								<input type="text" name="blood" value=''  placeholder="请输入血型" autocomplete="off" class="layui-input personInfo-inp blood">
							</div>
						</div>-->

						<!--	<div class="layui-form-item">
											<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>毕业院校</label>
											<div class="layui-input-block ">
												<input type="text" name="school" value='' placeholder="请输入学校名" autocomplete="off" class="layui-input personInfo-inp school">
											</div>
										</div>
										
										<div class="layui-form-item">
											<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>最高学历</label>
											<div class="layui-input-block ">
												<input type="text" name="heighSchool" value='' placeholder="请输入最高学历" autocomplete="off" class="layui-input personInfo-inp heigh-school">
											</div>
										</div>
										<div class="layui-form-item qr">
											<label class="layui-form-label">二维码</label>
											<div class="layui-input-block">
												<img class="qrCode" src='' style="width: 200px;height: 200px;" />
												<!--<input type="text" name="title" required  lay-verify="required" placeholder="请输入手机号码" autocomplete="off" class="layui-input personInfo-inp qrCode">-->
						<!--	</div>
										</div>
										<div class="layui-form-item qr">
											<label class="layui-form-label">头像</label>
											<div class="layui-upload">
												<button type="button" class="layui-btn" id="upHead">上传头像</button>
												<div class="layui-upload-list">
													<img class="layui-upload-img preViewImage" id="preViewImage" style="width:200px;height:200px; margin-left: 25%;">
													<p id="demoText"></p>
												</div>
											</div>
										</div>

										<div class="layui-form-item qr">
											<label class="layui-form-label">居住地址</label>
											<div class="layui-input-block">

												<input type="text" name="address" placeholder="请输入居住地址" autocomplete="off" class="layui-input personInfo-inp address">
											</div>
										</div>

										<div class="layui-form-item qr">
											<label class="layui-form-label">邮寄地址</label>
											<div class="layui-input-block">
												<input type="text" name="emailaddress" placeholder="请输入邮寄地址" autocomplete="off" class="layui-input personInfo-inp emailaddress">
											</div>
										</div>

										<div class="layui-form-item qr">
											<label class="layui-form-label"> 工作岗位</label>
											<div class="layui-input-block">

												<input type="text" name="job" placeholder="请输入工作岗位" autocomplete="off" class="layui-input personInfo-inp job">
											</div>
										</div>
										<div class="layui-form-item qr">
											<label class="layui-form-label"> 英语等级</label>
											<div class="layui-input-block">

												<input type="text" name="englishLevel" placeholder="" autocomplete="off" class="layui-input personInfo-inp englishLevel">
											</div>
										</div>
										<div class="layui-form-item qr">
											<label class="layui-form-label">  户籍所在地</label>
											<div class="layui-input-block">

												<input type="text" name="seat" placeholder="请输入 户籍所在地" autocomplete="off" class="layui-input personInfo-inp seat">
										<!--	</div>
										</div>
										<div class="layui-form-item qr">
											<label class="layui-form-label" style="margin-right: 0px;"> 民族</label>
											<div class="box">
												<select name="nation" id="nation" class="nation" style="width: 100px;">
													<option value="汉族" selected>汉族</option>
													<option value="阿昌族">阿昌族</option>
													<option value="白族">白族</option>
													<option value="保安族">保安族</option>
													<option value="布朗族">布朗族</option>
													<option value="布依族">布依族</option>
													<option value="朝鲜族">朝鲜族</option>
													<option value="达斡尔族">达斡尔族</option>
													<option value="傣族" selected="selected">傣族</option>
													<option value="德昂族">德昂族</option>
													<option value="侗族">侗族</option>
													<option value="东乡族">东乡族</option>
													<option value="独龙族">独龙族</option>
													<option value="鄂伦春族">鄂伦春族</option>
													<option value="俄罗斯族">俄罗斯族</option>
													<option value="鄂温克族">鄂温克族</option>
													<option value="高山族">高山族</option>
													<option value="仡佬族">仡佬族</option>
													<option value="哈尼族">哈尼族</option>
													<option value="哈萨克族">哈萨克族</option>
													<option value="赫哲族">赫哲族</option>
													<option value="回族">回族</option>
													<option value="基诺族">基诺族</option>
													<option value="京族">京族</option>
													<option value="景颇族">景颇族</option>
													<option value="柯尔克孜族">柯尔克孜族</option>
													<option value="拉祜族">拉祜族</option>
													<option value="黎族">黎族</option>
													<option value="傈僳族">傈僳族</option>
													<option value="珞巴族">珞巴族</option>
													<option value="满族">满族</option>
													<option value="毛南族">毛南族</option>
													<option value="门巴族">门巴族</option>
													<option value="蒙古族">蒙古族</option>
													<option value="苗族">苗族</option>
													<option value="仫佬族">仫佬族</option>
													<option value="纳西族">纳西族</option>
													<option value="怒族">怒族</option>
													<option value="普米族">普米族</option>
													<option value="羌族">羌族</option>
													<option value="撒拉族">撒拉族</option>
													<option value="畲族">畲族</option>
													<option value="水族">水族</option>
													<option value="塔吉克族">塔吉克族</option>
													<option value="塔塔尔族">塔塔尔族</option>
													<option value="土族">土族</option>
													<option value="土家族">土家族</option>
													<option value="佤族">佤族</option>
													<option value="锡伯族">锡伯族</option>
													<option value="乌兹别克族">乌兹别克族</option>
													<option value="瑶族">瑶族</option>
													<option value="彝族">彝族</option>
													<option value="裕固族">裕固族</option>
													<option value="裕固族">裕固族</option>
													<option value="维吾尔族">维吾尔族</option>
													<option value="壮族">壮族</option>
												</select>
											</div>
										</div>
										<div class="layui-form-item qr">
											<label class="layui-form-label"> 身高</label>
											<div class="layui-input-block">
												<input type="text" name="height" placeholder="请输入身高/cm" autocomplete="off" class="layui-input personInfo-inp height">
											</div>

										</div>
										<div class="layui-form-item qr">
											<label class="layui-form-label"> 体重</label>
											<div class="layui-input-block">
												<input type="text" name="weight" placeholder="请输入体重/kg" autocomplete="off" class="layui-input personInfo-inp weight">
											</div>

										</div>
										<div class="layui-form-item qr">
											<label class="layui-form-label"> 邮箱</label>
											<div class="layui-input-block">

												<input type="text" name="email" placeholder="请输入邮箱" autocomplete="off" class="layui-input personInfo-inp email">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label" for="password"><span style="color: red;float: left;margin-top: 3px;">*</span>密码</label>
											<div class="layui-input-block">
												<input id="password" name="password" type="password" class="layui-input  personInfo-inp" placeholder="设置密码">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label" for="confirm_password"><span style="color: red;float: left;margin-top: 3px;">*</span>确认密码</label>
											<div class="layui-input-block">
												<input id="confirm_password" name="confirm_password" type="password" class="layui-input personInfo-inp finalPass" placeholder="请确认密码">

											</div>
										</div>
										<div class="layui-form-item">
											<div class="layui-input-block  personInfo-cen-blo" style="margin: 0 auto;">

												<button class="layui-btn confirmInfo" lay-submit lay-filter="pullInfo" style="width: 95%; margin-bottom: 10px;">确认信息完善,并提交!</button>
												<!--<button class="layui-btn layui-btn-normal close" style="width: 95%; margin: 0;">关闭</button>-->

						<!--	</div>
										</div>
									</form>
								</div>
							</div>
						</div>-->
					</div>
				</div>
			</div>
		</div>

		<!--<div class="page-content-bg"></div>-->
		<!-- 右侧主体结束 -->
		<!-- 中部结束 -->
		<!-- 底部开始 -->
		<div class="footer">
			<div class="copyright" style="font-size: 16px; text-align: center;">Copyright©华北空管局保留所有权利</div>
		</div>
		<!-- 底部结束 -->
		<script src="static/js/jquery.1.11.1.js"></script>
		<script src="lib/layui/layui.js"></script>
		<script src="static/js/public.js"></script>
		<script src="static/js/index.js"></script>
		<script type="text/javascript" src="./lib/layui/layui.js"></script>
		<!--<script src="static/js/jquery.1.11.1.js"></script>-->
		<script src="static/js/validate.js"></script>
		<script src="static/js/messages_zh.js"></script>
		<!--<script src="static/js/public.js"></script>-->
		<!--<script src="static/js/studentInfo.js"></script>-->
		<!--动态获取菜单栏-->
		<script>
	/*		$(function() {
				var totalMenus = sessionStorage.getItem('totalMenus');
				totalMenus = JSON.parse(totalMenus);

				function compare(property) {
					return function(a, b) {
						var value1 = a[property];
						var value2 = b[property];
						return value1 - value2;
					}
				}

				//排序后的菜单
				var sortedMenu = totalMenus.sort(compare('id'));

				var length = sortedMenu.length;
				//遍历动态菜单
				for(var i = 0; i < length; i++) {
					if(sortedMenu[i].childs.length == 0) {
						$li = $("<li></li>");

						var $navMenu = $(
							"<a " + "_href=" + sortedMenu[i].menuUrl + ">" +
							"<i class='layui-icon layui-icon-home'  style='color:#FFB800;' style ='display：inline-block'></i>" +
							"<cite class='jichu'>" + sortedMenu[i].menuName + "</cite>" +
							"<i class='iconfont'>" + sortedMenu[i].icon + "</i>" + "</a>"
						);
						$li.append($navMenu);
						$("#nav").append($li);
					} else {
						//父

						$li = $("<li></li>");
						var $navMenu = $(
							"<a _href=" + sortedMenu[i].menuUrl + ">" +
							"<i class='layui-icon' style='color:#FFB800;' style ='display：inline-block'>" + sortedMenu[i].icon + "</i>" +
							"<cite class='jichu'>" + sortedMenu[i].menuName + "</cite>" +
							"<i class='iconfont'>&#xe6a7;</i>" +
							"</a>"
						);
						$li.append($navMenu);
						//子
						var $ul = $("<ul class='sub-menu'></ul>");
						for(var j = 0; j < sortedMenu[i].childs.length; j++) {

							var $ulLi = $(
								"<li>" +
								"<a _href=" + sortedMenu[i].childs[j].menuUrl + ">" +
								"<i class='iconfont'>" + sortedMenu[i].childs[j].icon + "</i>" +
								"<cite>" + sortedMenu[i].childs[j].menuName + "</cite>" +
								"</a>" +
								"</li>");
							$ul.append($ulLi);
						}

						$li.append($ul);
						$("#nav").append($li);
					}
				}

				function encapsulationNoDrop(menuList) {
					var $navMenu = $("<li>" +
						"<a" + "_href=" + menuList.menuUrl + ">" +
						"<i class='layui-icon layui-icon-home'></i>" +
						"<cite class='jichu'>" + menuList.menuName + "</cite>" +
						"<i class='iconfont'>&#xe6a7;</i>" +
						"</a>" +
						"</li>");
					$("#nav").append($navMenu);

				}

				function encapsulationHaveDrop(menuList) {
					$navMenu = $(
						"<a href='javascript:;'>" +
						"<i class='iconfont' style='color:#FFB800;'>&#xe723;</i>" +
						"<cite class='jichu'>" + menuList.menuName + "</cite>" +
						"<i class='iconfont'>&#xe6a7;</i>" +
						"</a>" +
						//					二级

						"<ul class='sub-menu'>" +
						"<li>" +
						"<a _href='./pages/canc-studentsRecord/studentTheoryRecord.html'>" +
						"<i class='iconfont'>&#xe6a7;</i>" +
						"<cite>理论课培训记录</cite>" +
						"</a>" +
						"</li>" +
						"<li>" +
						"<a _href='./pages/canc-studentsRecord/studentMachingRecord.html'>" +
						"<i class='iconfont'>&#xe6a7;</i>" +
						"<cite>实操课培训记录</cite>" +
						"</a>" +
						"</li>" +
						"</ul>"

					)
					$("#nav").append($navMenu);
				}

				//菜单逻辑部分结束1216

			})*/
		</script>
	</body>

</html>

<script>
	$(".nav a").mousemove(function(event) {
	        $(this).addClass("hover").parents("li").siblings().children("a").removeClass("hover");
	        $(this).parents("li").removeClass("otherBackColor").addClass("backColor").siblings().removeClass("backColor").addClass("otherBackColor");
	   });
	  
	/*touch.on('.nav a', 'tap', function(ev) {
		 $(this).addClass("hover").parents("li").siblings().children("a").removeClass("hover");
	});*/
</script>